<section class="clearfix" style="padding-top: 20px;background-color: #efefef">
  <div class="pt-outer-layout clearfix">
    <div class="pull-right">
      <hl-button class="export-btn" type="outline">导出PDF</hl-button>
      <hl-button class="pt-btn" type="primary">打印</hl-button>
    </div>
    <div class="pull-left">
      <span>收款账号：</span>
      <div class="pt-line-34" id="accout-st-container">
        <div class="select-ul" id="account-st">
          <span class="select-name br-4 box-i-shadow">请选择账号</span>
          <ul></ul>
        </div>
      </div>
    </div>
  </div>

  <section class="pt-outer-layout bg-fff">
    <section id="print-area">
      <section style="width:810px;background-color:#fff;margin:0 auto;padding:20px 40px 0;">
        <div style="margin-bottom:60px;">
          <div style="overflow:hidden;">
            <div style="width:250px;float:right;">
              <div style="line-height:26px;text-align:right;">日期：<span class="date"></span></div>
            </div>
            <div class="pt-company-name" style="width:480px;float:left;"></div>
          </div>
          <div style="overflow:hidden;">
            <div class="pt-unit-name" style="width:480px;float:left;overflow:hidden;">
              <div style="width:80px;float:left;">单元号：</div>
              <div class="zw-unit" style="width:400px;float:left;"></div>
            </div>
            <div style="width:250px;float:left;text-align:right;">
              建筑面积（平方米）：<span class="total-area"></span>
            </div>
          </div>
          <div style="overflow:hidden;">
            <div style="float:left;">业主／租户：</div>
            <div class="owner" style="float:left;"></div>
          </div>
        </div>
        <!--通知单-->
        <div class="pt-table" style="margin-bottom:20px;">
          <div style="margin-bottom:10px;">
            <div style="font-size:18px;text-align:center;">缴费通知单</div>
          </div>
          <ul class="pt-th row pt-border" style="margin:0;border:1px solid #000;width:728px;display:table;table-layout:fixed;">
            <li class="tb-1">
              <span>账项说明</span>
            </li>
            <li class="tb-2">
              <span>由</span>
            </li>
            <li class="tb-3">
              <span>到</span>
            </li>
            <li class="tb-4">
              <span>单价</span>
            </li>
            <li class="tb-5">
              <span>面积／数量</span>
            </li>
            <li class="tb-6">
              <span>合计</span>
            </li>
          </ul>
          <div class="pt-tb-container"></div>
          <ul class="pt-table-seperate-line pt-tb-border row">
            <li class="tb-1" contenteditable="true"></li>
            <li class="tb-2" contenteditable="true"></li>
            <li class="tb-3" contenteditable="true"></li>
            <li class="tb-4" contenteditable="true"></li>
            <li class="tb-5" contenteditable="true"></li>
            <li class="tb-6" contenteditable="true"></li>
          </ul>
          <style media="screen">
          </style>
          <ol class="pt-tf-of clearfix row">
            <li class="pt-tf-5 border-l line-height-40 border-b" style="border-color: #333;">
              <span>应缴总额</span>
            </li>
            <li class="pt-tf-6 total-price border-l line-height-40 border-b border-r" style="border-color: #333;"></li>
          </ol>
        </div>
        <!--账户信息-->
        <div>
          <div class="font-wt pt-line-26">请将上述款项支付至以下账户：</div>
          <div class="clearfix pt-line-26">
            <div class="pull-left pt-wd-160">账户名称:</div>
            <div class="pull-left pt-wd-570 accounts-name">--</div>
          </div>
          <div class="clearfix pt-line-26">
            <div class="pull-left pt-wd-160">开户行:</div>
            <div class="pull-left pt-wd-300 openingbank">--</div>
          </div>
          <div class="clearfix pt-line-26">
            <div class="pull-left pt-wd-160 ">账号:</div>
            <div class="pull-left pt-wd-300 account ">--</div>
          </div>
          <div class="clearfix pt-line-26">
            <div class="pull-left pt-wd-160">付款时间:</div>
            <div class="pull-left pt-wd-570">
              <span class="end-time">--</span>之前
            </div>
          </div>
        </div>
      </section>
    </section>
  </section>
</section>


<script src="modules/bill/scripts/bill_print.js" charset="utf-8"></script>
